<div class="exercise-header">Exercise</div>
<div class="exercise-inner">
    {% autoescape false %}{{ section.content }}{% endautoescape %}
</div>
<div class="exercise-inner">
    <pre><code>{% autoescape false %}{{ section.code.base|code }}{% endautoescape %}</code></pre>
</div>
<hr>
<div class="exercise-inner">
    <pre><code>{% autoescape false %}{{ section.code.solution|code }}{% endautoescape %}</code></pre>
</div>
